<ion-card>
    <div class="aTop" (click)="close()">
        <p>请选择所在地区</p>
        <img src="assets/images/status/tip_close.svg" alt="" class="closeSelect" >
    </div>
    <div class="local">
        <span class="selectArea">当前定位</span>
        <div class="position" (click)="getLocation()">
            <span class="locationImg">
                <img src="/assets/images/home/location.svg" alt="" class="location">
            </span>
            <span class="area">{{area}}</span>
        </div>
    </div>
    <div class="hotCity">
        <span class="selectArea">热门城市</span>
        <div class="hot">
            <ion-row>
                <ion-col *ngFor="let item of cityList; let i = index"
                         (click)="onSelect(item, i)"
                         class="cityList">
                    <div   [ngClass]="item.isSelect?'col-active':'col-inactive'">
                        {{item.itemValue}}</div></ion-col>
            </ion-row>
        </div>
    </div>
    <ion-list>
        <span *ngIf="flag" class="selectArea">选择省份/地区</span>
        <span *ngIf="!flag" class="selectArea">选择区/县</span>
        <div *ngFor="let items of list; let i = index">
            <ion-row>
                <ion-col size="1">
                    <div class="areaAddress">{{items.pinYin}}</div>
                </ion-col>
                <ion-col size="11" >
                    <div class="areaAddress" *ngFor="let item of items.areas" (click)="selectArea(item)">{{item.name}}</div>
                </ion-col>
            </ion-row>
        </div>
    </ion-list>
</ion-card>
